<link href="css/site.css" rel="stylesheet">

<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<script src="js/register.jquery.js" type="text/javascript"></script>

<h4 class="rotate">MY WEB PAGE</h4>
<form id="registerId" action="" method="get">
  <table cellspacing="0" border="0" width="80%" align="center">

    <thead>
      <tr>
        <th colspan="2">Please fill the details below..</th>
      </tr>
    </thead>

    <tbody>

      <tr>
        <td align="right">Name :</td>
        <td >
<input
type="text"
name="uname"
value=""
placeholder="My Name is..." />
        </td>
      </tr>

      <tr>
        <td align="right">Email :</td>
        <td >
<input type="email"
       name="email"
       value=""
       placeholder="My email is..." />        </td>
      </tr>

      <tr>
        <td align="right">Password :</td>
        <td >
<input type="password"
       name="password"
       id="passwordId"
       value=""
       placeholder="My password is..." />        </td>
      </tr>

      <tr>
        <td align="right">Confirm Password :</td>
        <td >
<input type="password"
       name="c_password"
       value=""
       placeholder="My password is..." />        </td>
      </tr>

      <tr>
        <td align="right">Gender :</td>
        <td >
<span>
<label><input type="radio"
       name="gender"
        /> Male</label>
<label><input type="radio"
       name="gender"
        /> Female</label>
</span>
<label for="gender" generated="true" class="error"></label>

        </td>
      </tr>

      <tr>
        <td align="right">Date Of Birth :</td>
        <td >
<input type="date"
       name="dob"
       value=""
       placeholder="My DOB is..." />        </td>
      </tr>

      <tr>
        <td align="right">Upload Avatar :</td>
        <td >
<input type="file"
       name="avatar"
       value=""
       placeholder="My avatar is..." />       </td>
      </tr>


      <tr>
        <td align="right">Address :</td>
        <td >
<textarea name="address"
          placeholder="My address is"
></textarea>
          </td>
      </tr>

      <tr>
        <td align="right">Country :</td>
        <td >
<select name="country" >
  <option value="">-SELECT-</option>
  <option value="in">India</option>
  <option value="pk">Pak</option>
  <option value="np">Nepal</option>
  <option value="sl">Srilanka</option>
  <option value="bh">Bhutan</option>
  <option value="ch">China</option>
</select>          </td>
      </tr>

      <tr>
        <td align="right">Language :</td>
        <td >
<select multiple name="lang[]" >
  <option value="hi">Hindi</option>
  <option value="bn">Bengali</option>
  <option value="mh">Marathi</option>
  <option value="kn">Kannada</option>
  <option value="ml">Malayalam</option>
  <option value="or">Orriya</option>
</select>
          </td>
      </tr>


      <tr>
        <td align="right">&nbsp;</td>
        <td >
<label><input type="checkbox"
       name="agree"
        /> Are you agree ?</label>
        <label for="agree" generated="true" class="error"></label></td>
      </tr>

      <tr>
        <td align="right">&nbsp;</td>
        <td >
<input type="submit" value="I am done!!" />        </td>
      </tr>

    </tbody>

  </table>
</form>
